import React from 'react';
import ReactEcharts from 'echarts-for-react';
import {connect } from 'dva';
import echarts from 'echarts';
import "echarts/map/js/world.js";
import "echarts-gl";
// import bmap from 'bmap';
// import axios from 'axios';
// import jsonp from 'jsonp';
class Echart extends React.Component{
  constructor (props) {
    super(props)
    this.state = {

    }
  }
  // componentDidMount() {
  // this.fetch();
  // }
  // fetch(){
  //   let data = {};
  //   axios.get('/api/data/flights.json').then(function(response){
  //     data = response.data;
  //     console.log('>>>>',data);
  //   }).catch(function(error){
  //     console.log('axiosError:',error);
  //   });
  //   console.log('********',data);
  //   if(data){
  //     this.setState({
  //       data : data
  //     });
  //   }
  //
  // }
  render(){

    const option = {
      // backgroundColor: '#000',
      globe: {
       baseTexture: require("../../assets/1.jpg"),
       heightTexture: require("../../assets/1.jpg"),
       displacementScale: 0.04,
      //  displacementQuality:'ultra',
      //  shading: 'realistic',
       environment: false,//require("../../assets/3.jpg"),//环境贴图，可设置颜色
       realisticMaterial: {
           roughness: 0.9
       },
       postEffect: {
           enable: true
       },
       light: {
           main: {
              //  intensity: 5,
              //  shadow: false,
           },
           ambientCubemap: {
               texture: require("../../assets/3.hdr"),
               diffuseIntensity: 0.2
           }
       },
       globeRadius:100,//地球半径
      //  left:'20%',
     },
     series : [

   ]
   }
//    const option = {
//     grid3D: {},
//     xAxis3D: {},
//     yAxis3D: {},
//     zAxis3D: {},
//     series: [{
//         type: 'scatter3D',
//         symbolSize: 50,
//         data: [[-1, -1, -1], [2, 3, 4], [1, 1, 1]],
//         itemStyle: {
//             opacity: 1
//         }
//     }]
// }

    return (
      <div >
        <ReactEcharts
          option={option}
          style={{height: '40vh', width: '100%'}}
        />
     </div>
    );
  }
}
export default Echart;
